<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		div{
			width:300px;
			height:600px;
			border:1px solid red;
			border-right:300px solid red;
			border-radius:300px;
		}
		div::before{
			content:'';
			display:block;
			width:100px;
			height:100px;
			border:100px solid red;
			background:white;
			border-radius:150px;
			margin-left:150px;

		}
		div::after{
			content:'';
			display:block;
			width:100px;
			height:100px;
			border:100px solid white;
			margin-left:150px;
			background:black;
			border-radius:150px;
		}
	
	</style>
</head>
<body>
		<div></div>
</body>
</html>